<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 编译工具 polyfill -->
    <!-- <script nomodule src="https://unpkg.com/promise-polyfill@8.1.3/dist/polyfill.min.js"></script>
    <script nomodule src="https://unpkg.com/browser-es-module-loader@0.4.1/dist/babel-browser-build.js"></script>
    <script nomodule src="https://unpkg.com/browser-es-module-loader@0.4.1/dist/browser-es-module-loader.js"></script> -->
    
    <script type="module" src="app.js"></script>
  </head>
  <body>
    <script type="module">
      // console.log('this is module',this) //--> undefined
    </script>

    <script type="module">
      var foo = 100;
      // console.log('foo',foo)  //--> 100
    </script>
    <script type="module">
      // console.log('foo',foo) //--> 报错
    </script>

    <!-- 提供有效标头 -->
    <!-- 请求报跨域错误，请求被终止掉。 -->
    <!-- 请求外部地址，服务端要支持cors -->
    <!-- cors不支持文件的形式访问，以http-server形式。 -->
    <!-- 不支持 -->
    <!-- <script type="module" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> -->
    <!-- 支持 -->
    <!-- <script type="module" src="https://unpkg.com/jquery@3.4.1/dist/jquery.min.js"></script> -->
  </body>
</html>
